export const uiComponentLibraries = [
  {
    title: "Tailwind UI",
    category: "UI组件库",
    tags: ["Tailwind CSS", "React", "Vue", "HTML"],
    slug: "tailwind-ui",
    description: "基于Tailwind CSS的高质量UI组件库，提供丰富的预设组件和设计模式。付费产品，起价$149。",
    site: {
      name: "Tailwind UI",
      url: "https://tailwindui.com/",
    },
  },
  {
    title: "MUI",
    category: "UI组件库",
    tags: ["React", "Material Design"],
    slug: "mui",
    description: "流行的React UI组件库，遵循Material Design指南。核心组件免费开源，高级组件和工具需付费。",
    site: {
      name: "MUI",
      url: "https://mui.com/",
    },
  },
  {
    title: "Ant Design",
    category: "UI组件库",
    tags: ["React", "企业级"],
    slug: "ant-design",
    description: "企业级React UI组件库，提供丰富的组件和设计资源。基础版免费开源，有付费的企业版。",
    site: {
      name: "Ant Design",
      url: "https://ant.design/",
    },
  },
  {
    title: "Chakra UI",
    category: "UI组件库",
    tags: ["React", "可访问性", "灵活性"],
    slug: "chakra-ui",
    description: "现代化的React组件库，注重可访问性和灵活性。免费开源，提供付费的专业支持。",
    site: {
      name: "Chakra UI",
      url: "https://chakra-ui.com/",
    },
  },
  {
    title: "Mantine",
    category: "UI组件库",
    tags: ["React", "深色模式", "自定义主题"],
    slug: "mantine",
    description: "功能丰富的React组件库，支持深色模式和自定义主题。完全免费开源。",
    site: {
      name: "Mantine",
      url: "https://mantine.dev/",
    },
  },
  {
    title: "Shadcn UI",
    category: "UI组件库",
    tags: ["React", "Radix UI", "可复制粘贴"],
    slug: "shadcn-ui",
    description: "基于Radix UI的可复制粘贴的React组件集合。完全免费开源。",
    site: {
      name: "Shadcn UI",
      url: "https://ui.shadcn.com/",
    },
  },
  {
    title: "Radix UI",
    category: "UI组件库",
    tags: ["React", "可访问性", "可定制性"],
    slug: "radix-ui",
    description: "提供低级UI原语的React组件库，注重可访问性和可定制性。免费开源。",
    site: {
      name: "Radix UI",
      url: "https://www.radix-ui.com/",
    },
  },
  {
    title: "Headless UI",
    category: "UI组件库",
    tags: ["React", "Vue", "无样式"],
    slug: "headless-ui",
    description: "完全无样式、灵活的UI组件集，适用于React和Vue。由Tailwind CSS团队开发，免费开源。",
    site: {
      name: "Headless UI",
      url: "https://headlessui.com/",
    },
  },
  {
    title: "Magic UI",
    category: "UI组件库",
    tags: ["React", "现代化设计"],
    slug: "magic-ui",
    description: "新兴的React UI库，提供现代化设计的组件。目前免费使用。",
    site: {
      name: "Magic UI",
      url: "https://magic.design/",
    },
  },
  {
    title: "Animata",
    category: "UI组件库",
    tags: ["React", "动画效果"],
    slug: "animata",
    description: "专注于动画效果的React组件库。免费开源。",
    site: {
      name: "Animata",
      url: "https://animata.design/",
    },
  },
  {
    title: "Framer Motion",
    category: "UI组件库",
    tags: ["React", "动画"],
    slug: "framer-motion",
    description: "强大的React动画库。免费开源。",
    site: {
      name: "Framer Motion",
      url: "https://www.framer.com/motion/",
    },
  },
  {
    title: "Storybook",
    category: "UI组件库",
    tags: ["组件开发", "多框架支持"],
    slug: "storybook",
    description: "UI组件开发环境，支持多种前端框架。核心功能免费开源，有付费的云服务。",
    site: {
      name: "Storybook",
      url: "https://storybook.js.org/",
    },
  },
  {
    title: "Aceternity UI",
    category: "UI组件库",
    tags: ["Tailwind CSS", "现代化", "动画"],
    slug: "aceternity-ui",
    description: "新兴的Tailwind CSS组件库，提供现代化和动画丰富的UI组件。目前免费使用。",
    site: {
      name: "Aceternity UI",
      url: "https://ui.aceternity.com/",
    },
  },
];